<template>
  <div><UploadExcel :on-success="handleSuccess" /></div>
</template>
<script>
// import UploadExcel from '@/components/uploadExcel/index.vue'
import { formatExcelDate } from '@/utils/index'
import { importEmployee } from '@/api/employees'
export default {
  name: '',
  //   components: { UploadExcel },
  data() {
    return {}
  },
  computed: {},
  created() {},
  methods: {
    async handleSuccess({ header, results }) {
      //   console.log(results)
      const mapInfo = {
        入职日期: 'timeOfEntry',
        手机号: 'mobile',
        姓名: 'username',
        转正日期: 'correctionTime',
        工号: 'workNumber',
        部门: 'departmentName',
        聘用形式: 'formOfEmployment'
      }
      //   中文
      //   var zh = Object.keys(mapInfo)
      //   console.log(zh)
      //   var newObj = zh.map((item) => {
      //     // 英文
      //     var enKey = mapInfo[item]
      //     return { [enKey]: 1 }
      //   })
      //   console.log(newObj)

      // 1 获取所有中文键
      var zh = Object.keys(mapInfo)
      //   3 循环results数组
      var newArr = results.map((item) => {
        // 2 转换所有的中文键
        //    2-1定义一个收集对象obj
        var obj = {}
        // 2-2循环所有的中文键
        zh.forEach((key) => {
          // 2-3 获取所有英文键
          var enKey = mapInfo[key]
          if (enKey === 'timeOfEntry' || enKey === 'correctionTime') {
            obj[enKey] = new Date(formatExcelDate(item[key]))
          } else {
            //   2-4重新定义对象中的英文键和值
            obj[enKey] = item[key]
          }
        })
        // 4 返回处理后的对象
        return obj
      })
      // console.log(newArr)
      const res = await importEmployee(newArr)
      this.$router.push('/employees')
      console.log(res)
    }
  }
}
</script>
<style lang="less" scoped></style>
